@charset "utf-8";
/* CSS Document */


.pbanner{width:100%; height:320px; margin:0 auto; background-color:#fafafa; overflow:hidden;}
	.pbanner p{width:100%; margin:0 auto;}	
		.pbanner p img{width:100%;}


.pmain{width:1180px; margin:50px auto 100px; overflow:hidden;}
	.pmain .pm_right{width:300px; overflow:hidden;}
		.pm_right h6.prtit{font:25px/35px "微软雅黑"; font-weight:bold; letter-spacing:0.05em; margin-bottom:20px;}
		.pm_right h6.prtit span{display:block; text-transform:uppercase; font:20px/25px Verdana, Geneva, sans-serif; color:#aaa; font-weight:bold;}	
		
		.pm_right .ptit{width:260px; min-height:200px; padding:36px 30px; background-color:#f3efec;}
			.ptit ul{}
			.ptit ul li{}
			.ptit ul li a{font:15px/33px "微软雅黑"; letter-spacing:0.1em; display:block; padding-left:40px; background:url(../images/ptit_a.png) no-repeat 20px center;}
			.ptit ul li a:hover{background:url(../images/ptit_ahover.png) no-repeat 20px center;}			
			.ptit ul li a:hover span{color:#525252;}
			.ptit ul li.ptitactive a{background:url(../images/ptit_ahover.png) no-repeat 20px center; color:#e62129}
			.ptit ul li.ptitactive a:hover{background:url(../images/ptit_ahover.png) no-repeat 20px center; color:#e62129}
			.ptit ul li.ptitactive a span{color:#525252;}
						
		.pm_right .rpro{width:260px; min-height:200px; padding:36px 30px; background-color:#f3efec;}
			.rpro ul{}
			.rpro ul li{}
			.rpro ul li a{font:15px/33px "微软雅黑"; letter-spacing:0.1em; display:block; padding-left:10px;}
			.rpro ul li a:hover span{color:#525252;}
	
		.pm_right .prdn{width:260px; min-height:200px; padding:36px 30px; background: no-repeat 36px 30px #f3efec;}
			.prdn p{line-height:20px;}			
			.prdn a{display:block; font:14px/30px "微软雅黑"; color:#e62129;}
			.prdn a span{color:#5a5a5a; font-size:20px;}
			.prdn a:hover{text-decoration:underline;}						
			
	.pmain .pm_left{width:800px; overflow:hidden;}
		.pl_tit{
			width:100%; padding:10px 0; margin-bottom:20px; display: table; table-layout: fixed; border-top: 1px solid #e62129; border-bottom: 1px solid #e62129;
			-moz-border-image: linear-gradient(to right, #fff, #e62129, #fff) 1;
			-o-border-image: linear-gradient(to right, #fff, #e62129, #fff) 1;
			-webkit-border-image: linear-gradient(to right, #fff, #e62129, #fff) 1;
			border-image: linear-gradient(to right, #fff, #e62129, #fff) 1;
		}
			.pl_tit h1{font:30px/40px "微软雅黑"; text-align:center; font-weight:bold; letter-spacing:0.1em;}

/*CSS green-black style pagination*/
.green-black1 {margin:0 auto 20px; text-align:center; position:relative;}
.green-black1 a {border:1px solid transparent;  border-radius:50%; padding:7px 10px;  color:#333; margin:0 5px; text-decoration:none;}
.green-black1 a:hover {border:#424242 1px solid; border-radius:50%;  color:#333;}
.green-black1 a:active {border:#424242 1px solid; border-radius:50%;  color:#333;}
.green-black1 span.current1 {border:#424242 1px solid; border-radius:50%; padding:5px 10px; background:#424242; color:#fff;  margin:0 5px; }
/*CSS green-black style pagination*/



.about{width:100%; margin:0 auto; overflow:hidden;}
	.about p{line-height:25px; text-indent:2em; margin-bottom:10px;}
	.about p img{margin-left:-2em;width:100%;}	
.honor{width:100%; margin:0 auto; overflow:hidden;}
	.portfolio-content{width:798px; margin:0 auto; overflow:hidden;}
	.portfolio-area{display:block; position:relative; width:840px}
	.portfolio-area li{float:left; width:177px; margin:0 30px 20px 0; overflow:hidden; }
	.portfolio-area li img{border:1px solid #d5d5d5; border-radius:4px; padding:1px; width:173px;}
	.portfolio-area li img:hover{border:1px solid #e62129; box-shadow:0 0 3px #5999d7;}
	.portfolio-area li span{line-height:30px; text-align:center; color:#5a5a5a; display:block; width:100%;}
	.portfolio-area li a:hover span{color:#e62129}
        .portfolio-area-fw{display:block; position:relative; width:840px}
	.portfolio-area-fw li{float:left; width:246px; margin:0 30px 20px 0; overflow:hidden; }
	.portfolio-area-fw li img{border:1px solid #fff; border-radius:4px; padding:1px; width:242px; height:auto;}
	.portfolio-area-fw li img:hover{border:1px solid #e62129; box-shadow:0 0 3px #5999d7;}
	.portfolio-area-fw li span{line-height:30px; text-align:center; color:#5a5a5a; display:block; width:100%;}
	.portfolio-area-fw li a:hover span{color:#e62129}
.news{width:100%; margin:0 auto; overflow:hidden;}
	.news ul{}
	.news ul li{width:100%; padding:10px 0 30px; margin-bottom:20px; border-bottom:#aaa 1px dotted;}
	.news ul li a{display:block; height:100px; overflow:hidden;}
		.news ul li a .nimg{width:100px;}
			.news ul li a .nimg img{width:100px; height:100px;}
		.news ul li a .newsp{width:680px;}
			.news ul li a .newsp h6{font:18px/30px "微软雅黑"; font-weight:bold; letter-spacing:0.05em; color:#000;}
			.news ul li a:hover .newsp h6{color:#e62129}
			.news ul li a .newsp p{height:48px; line-height:22px; letter-spacing:0; overflow:hidden;}
			.news ul li a .newsp span{display:block; line-height:20px; font-family:Arial, Helvetica, sans-serif; color:#aaa;}
.thenews{width:100%; margin:0 auto; overflow:hidden;}
	.thenews h2{font:20px/30px "微软雅黑"; color:#333; font-weight:bold; text-align:center; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:#ddd 1px solid;}
	.thenews h2 span{display:block; text-align:center; color:#999; font:12px/22px "宋体"; margin-top:10px;} 
	.thenews p{color:#403b38; font:14px/24px "微软雅黑"; text-indent:2em; margin-bottom:10px;} 
	.thenews p img{display:block; margin-left:-2em;} 
        .thenews p a{color: #0c8eea;}
	.prenext{width:100%; border-top:#e62129 1px solid; padding-top:5px; position:relative;}
		.prenext p{line-height:25px; margin-bottom:0; text-indent:1em;}
		.prenext p span{color:#333; font-weight:bold;}



.product{width:100%; margin:0 auto; overflow:hidden;}
	.product ul{width:115%; overflow:hidden;}
	.product ul li{width:358px; height:367px; border:#dedede 1px solid; float:left; margin:0 80px 40px 0; display:block;}
	.product ul li a{display:block; overflow:hidden; position:relative;}
	.product ul li a img{width:358px; height:367px;}
	.product ul li a div{position:absolute; left:0; bottom:0; width:338px; height:120px; padding:10px; background:url(../images/pro_a.png) repeat;}
	.product ul li a:hover div{background:url(../images/pro_ahover.png) repeat; color:#fff;}
	.product ul li div h6{display:block; font:20px/26px "微软雅黑"; font-weight:bold; color:#fff; margin-bottom:10px;}
	.product ul li a p{color:#fff; letter-spacing:0; line-height:22px;}



.pro_list{width:100%; margin:0 auto; overflow:hidden;}
	.pro_list ul{width:105%; overflow:hidden;}
	.pro_list ul li{width:185px; float:left; margin:0 20px 20px 0;}
	.pro_list ul li a{display:block; border:#dedede 1px solid;}
	.pro_list ul li img{width:183px; height:189px;}
	.pro_list ul li a:hover{display:block; border:#e62129 1px solid;}
	.pro_list ul li a span{display:block; padding:5px 0; line-height:24px; text-align:center; background-color:#fafafa;    height: 20px; overflow: hidden;}		
	.pro_list ul li a:hover span{background-color:#e62129; color:#fff;}



.pro_detail{width:100%; margin:0 auto; overflow:hidden;}
		#pro_view{width:800px; margin:0 auto; overflow:hidden;}
	.ban{ width:326px; position:relative; overflow:hidden; float:left;}
	.ban2{ width:324px; height:291px; position:relative; overflow:hidden; border:#ccc 1px solid;}
	.ban2 ul{ position:absolute; left:0; top:0;}
	.ban2 ul li{width:324px; height:291px;}
	.ban2 ul li img{width:324px; height:291px;}
	.prev{ float:left; cursor:pointer;}
	.min_pic{ padding-top:10px; width:326px;}
	.num{width:284px; height:82px; overflow:hidden; position:relative; float:left;}
	.num ul{ position:absolute; left:0; top:0;}
	.num ul li{ width:64px; margin-right:6px; padding:1px;}
	.num ul li img{width:62px; border:#ccc 1px solid;}
	.num ul li.on{width:64px; border:1px solid #005195; padding:0;}
	.prev_btn1{width:16px; text-align:center; height:18px; margin-top:22px; margin-right:10px; cursor:pointer; float:left;}
	.next_btn1{width:16px; text-align:center; height:18px; margin-top:22px;cursor:pointer;float:right;}
	.prev1{ position:absolute; top:100px; left:10px; width:28px; height:51px;z-index:9;cursor:pointer;}
	.next1{ position:absolute; top:100px; right:10px; width:28px; height:51px;z-index:9;cursor:pointer;}
	.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
	.pop_up{ width:582px; height:600px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
	.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
	.pop_up2{ width:582px; height:600px; position:relative; overflow:hidden;}
	.pop_up2{ width:582px; height:600px; position:relative; overflow:hidden; float:left;}
	.pop_up2 ul{ position:absolute; left:0; top:0;}
	.pop_up2 ul li{ width:582px; height:600px; float:left;}
	.pop_up2 ul li img{width:582px; height:600px;}	

	.prev2{ position:absolute; top:270px; left:10px; width:28px; height:51px;z-index:9;cursor:pointer;}
	.next2{ position:absolute; top:270px; right:10px; width:28px; height:51px;z-index:9;cursor:pointer;}

		
		#pro_do{width:420px; float:right;}
			#pro_do h1{font:20px/34px "微软雅黑"; font-weight:bold; letter-spacing:0.05em; color:#e62129; margin-bottom:10px;}
			#pro_do .ddl01{background-color:#E7F1FE; height:50px; padding:6px; position:relative;}
				.ddl01 .dl01div{line-height:25px; font-size:12px; color:#888; font-family:"微软雅黑", Tahoma, Arial;}	
				.ddl01 .dl01div img{vertical-align:middle; margin-right:6px;}			
				.ddl01 .dl01div span{color:#333; font-weight:bold;}	
				.ddl01 .proback{position:absolute; z-index:9; top:0; left:0; margin-top:62px; _margin-top:62px; text-align:right; width:100%; z-index:2;}
			#pro_do .ddl02{width:300px; padding-top:35px; overflow:hidden;}
				.ddl02 ul{width:300px;}				
				.ddl02 ul li{padding-left:6px; z-index:1; z-index:9; width:240px; margin-bottom:15px; margin-left:0px;}
				.ddl02 .dl02div img{vertical-align:middle; margin-right:4px;}			
				#in_tip{position:absolute; width:246px; padding:10px; background:#ffffcc; border:1px dotted #ffcc00; margin-left:118px; margin-top:-25px; z-index:2; display:none;}
			
			
		#procon_a{width:800px; margin:auto; margin-top:22px; border-bottom:1px solid #DDDDDD; height:25px; overflow:hidden;}
			#procon_a a{float:left; width:90px; height:25px; font-family:"微软雅黑", Tahoma, Arial; text-align:center; margin-right:5px; line-height:25px; _line-height:26px; background:url(../images/procon_a.png) no-repeat; outline:none;}
			#procon_a a.A{background:url(../images/procon_a.png) no-repeat center -25px; color:#FFF; font-weight:bold;}
			.procon{padding-top:12px; padding-bottom:12px; width:730px; margin:auto; display:none; line-height:188%;}




.order{width:100%; margin:0 auto; overflow:hidden;}
	.STYLE1{color:#666666; font-weight:bold;}
	.STYLE2{color:#5e5b5b}
	.STYLE5{font-size:13px; font-weight:bold; color:#666666;}
	.STYLE6{font-size:16px; font-weight:bold; color:#003366;}
	.bk{border:1px solid #999999;}
	.STYLE7{font-size:15px; font-weight:bold;}
	.orderspan{font-family:"微软雅黑"; color:#4a4a4a; font-size:14px;}
	.STYLE16{color:#FF0033}
	.order input{height:30px; padding-left:10px; padding-right:10px;}
	.order textarea{padding-left:10px; padding-top:10px;}
	.order table{border-collapse:collapse; width:92%; margin:0 auto; background:#FFF}
	.order td{border-width:1px; border-style:solid;padding:5px;line-height:200%;color:#666;word-wrap:break-word;word-break:break-all;table-layout:fixed; border-color:#dedede;}




.message{width:100%; margin:0 auto; overflow:hidden;}
	.message .tables{border-left:1px solid #efefef; border-top:1px solid #efefef;}
	.message .tables td{border-bottom:1px solid #efefef; border-right:1px solid #efefef; padding:2px; line-height:30px; color:#666;}
	.message .tables td a{display:block; padding:3px; width:80px; border:1px solid #FFF; padding-top:1px; padding-bottom:1px; background:#1251b0; color:#fff;}
	.message .tables td a:hover{border:1px solid #1251b0;}
	.message .tables td input{height:26px; margin-left:10px; padding-left:10px;}
	.message .tables *{-webkit-text-size-adjust:none;outline:0;}



.contact{width:100%; margin:0 auto; min-height:280px;overflow:hidden;}
	.contact h1{font:26px/40px "微软雅黑"; color:#e62129; font-weight:bold; letter-spacing:0.05em; margin-bottom:20px; }
	.contact p{font:14px/35px "微软雅黑"; margin-left:20px;}




.sitemap{width:100%; margin:0 auto; overflow:hidden;}
	.sitemap .siteleft{width:340px; padding:30px 20px; border:#dedede 1px solid; overflow:hidden;}
		.siteleft ul{width:100%;}
		.siteleft ul li{width:100%; overflow:hidden; margin-bottom:20px; border-bottom:#80b4dc 1px dotted;}
		.siteleft ul li a.lia01{display:block; line-height:28px; margin-bottom:5px; padding-left:56px; background:url(../images/arr5.gif) no-repeat 30px center; font-weight:bold; font-size:19px; font-family:"微软雅黑"; color:#e62129; letter-spacing:0.05em;}
		.siteleft ul li a.lia01:hover{background:url(../images/arr5.gif) no-repeat 35px center; text-decoration:underline;}		
		.siteleft ul li a.lia02{display:block; line-height:22px; margin-bottom:5px; padding-left:68px;}
		.siteleft ul li a.lia02:hover{}

	.sitemap .siteright{width:700px; padding:30px 20px; min-height:300px; border:#dedede 1px solid; overflow:hidden;}
		.siteright a.stpro{display:block; font-size:18px; font-family:"微软雅黑"; line-height:28px; padding-left:49px; font-weight:bold; color:#4a4a4a; background:url(../images/site_tub.png) no-repeat left center; margin-bottom:5px;}
		.siteright a.stpro:hover{text-decoration:underline;}		
		.siteright div{margin-left:20px; overflow:hidden;}
		.siteright div a{margin-right:30px; padding-left:8px; display:block; float:left; line-height:25px; background:url(../images/stpro.png) no-repeat left center; background-size:3px;}